﻿<!DOCTYPE html>
<html lang="en">
<?php
// 启动会话
session_start();
?>

<script>
    function userIsLoggedIn() {
        // 在这里实现用户登录状态的检查逻辑
        // 返回值为布尔值，true 表示用户已登录，false 表示用户未登录
        // 示例：检查用户是否具有有效的登录凭据
        // 这里改为检查会话中的登录状态
        return <?php echo isset($_SESSION['loggedin']) && $_SESSION['loggedin'] ? 'true' : 'false'; ?>;
    }

    // 在页面加载时检查用户登录状态
    window.addEventListener('DOMContentLoaded', function() {
        if (!userIsLoggedIn()) {
            window.location.href = 'Login.php'; // 请将 'login.html' 替换为您实际的登录页面路径
        }
    });
</script>

<head>
    <meta charset="utf-8">
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">

    <!-- ========== SEO ========== -->
    <title>Single Room</title>
    <meta content="" name="description">
    <meta content="" name="keywords">
    <meta content="" name="author">

    <!-- ========== FAVICON ========== -->
    <link rel="apple-touch-icon-precomposed" href="images/favicon-apple.png" />
    <link rel="icon" href="images/favicon.png">

    <!-- ========== STYLESHEETS ========== -->
    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="revolution/css/layers.css" rel="stylesheet" type="text/css" />
    <link href="revolution/css/settings.css" rel="stylesheet" type="text/css" />
    <link href="revolution/css/navigation.css" rel="stylesheet" type="text/css" />
    <link href="css/bootstrap-select.min.css" rel="stylesheet" type="text/css">
    <link href="css/animate.min.css" rel="stylesheet" type="text/css">
    <link href="css/famfamfam-flags.css" rel="stylesheet" type="text/css">
    <link href="css/magnific-popup.css" rel="stylesheet" type="text/css">
    <link href="css/owl.carousel.min.css" rel="stylesheet" type="text/css">
    <link href="css/style.css" rel="stylesheet" type="text/css">
    <link href="css/responsive.css" rel="stylesheet" type="text/css">

    <!-- ========== ICON FONTS ========== -->
    <link href="fonts/font-awesome.min.css" rel="stylesheet">
    <link href="fonts/flaticon.css" rel="stylesheet">

    <!-- ========== GOOGLE FONTS ========== -->
    <link href="./css/fonts.googleapis.comcss.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>

    <div id="smoothpage" class="wrapper">

        <!-- ========== TOP MENU ========== -->
        <div class="top_menu">
            <div class="container">
                <div class="welcome_mssg hidden-xs">
                    欢迎光临青云庭院酒店
                </div>
                <ul class="top_menu_right">
                    <li><i class="fa fa-phone"></i><a href="tel:18475555555"> 1-888-123-4567 </a></li>
                    <li class="email hidden-xxs"><i class="fa fa-envelope-o "></i> <a
                            href="mailto:contact@site.com">contact@site.com</a></li>
                    <li class="language-switcher">
                        <nav class="dropdown">
                            <a href="#" class="dropdown-toggle select" data-hover="dropdown" data-toggle="dropdown">
                                <i class="famfamfam-flag-cn "></i>中国<b class="caret"></b>
                            </a>
                            <ul class="dropdown-menu">
                                <li><a href="#"><i class="famfamfam-flag-us "></i>美国</a></li>
                                <li><a href="#"><i class="famfamfam-flag-de "></i>德国</a></li>
                                <li><a href="#"><i class="famfamfam-flag-jp "></i>日本</a></li>
                                <li><a href="#"><i class="famfamfam-flag-ru "></i>俄罗斯</a></li>
                                <li><a href="#"><i class="famfamfam-flag-fr "></i>法国</a></li>
                                <li><a href="#"><i class="famfamfam-flag-no "></i>挪威</a></li>
                                <li><a href="#"><i class="famfamfam-flag-sg"></i>新加坡</a></li>
                                <li><a href="#"><i class="famfamfam-flag-cn"></i>中国</a></li>
                            </ul>
                        </nav>
                    </li>
                    <?php if (isset($_SESSION['loggedin']) && $_SESSION['loggedin'] === true) : ?>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-hover="dropdown"><i class="fa fa-user"></i> 欢迎，<?php echo $_SESSION['username']; ?></a>
                        </li>
                        <li><a href="logout.php"><i class="fa fa-sign-out"></i>退出</a></li>
                    <?php else : ?>
                        <li><a href="login.php">登录</a></li>
                        <li><a href="login.php">注册</a></li>
                    <?php endif; ?>
                    <!-- <li><a href="backend01.php">酒店后台</a></li> -->
                    <?php if (isset($_SESSION['loggedin']) && $_SESSION['loggedin'] === true && $_SESSION['role'] !== "顾客") : ?>
                        <li><a href="backend01.php">酒店后台</a></li>
                    <?php endif; ?>
                </ul>
            </div>
        </div>

        <!-- ========== HEADER ========== -->
        <header class="fixed">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle mobile_menu_btn" data-toggle="collapse"
                        data-target=".mobile_menu" aria-expanded="false">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="index.php">
                        <img src="images/logo.svg" height="32" alt="Logo">
                    </a>
                </div>
                <nav id="main_menu" class="mobile_menu navbar-collapse">
                    <ul class="nav navbar-nav">
                        <li><a href="index.php" class="navbar-link">首页</a></li>
                        <li><a href="about-us.php" class="navbar-link">关于我们</a></li>
                        <li><a href="room.php" class="navbar-link">客房</a></li>
                        <li><a href="rooms-list.php" class="navbar-link">客房列表</a></li>
                        <li><a href="contact.php" class="navbar-link">联系我们</a></li>
                        <li><a href="blog.php" class="navbar-link">博客</a></li>
                    </ul>
                </nav>
            </div>
        </header>

        <!-- =========== PAGE TITLE ========== -->
        <div class="page_title gradient_overlay" style="background: url(images/page_title_bg.jpg);">
            <div class="container">
                <div class="inner">
                    <div class="row">
                        <div class="col-md-6 col-sm-6">
                            <h1>客房</h1>
                            <ol class="breadcrumb">
                                <li><a href="index.php">主页</a></li>
                                <li>房间</li>
                                <li>单人房</li>
                            </ol>
                        </div>
                        <div class="col-md-6 col-sm-6">
                            <div class="price">
                                <div class="inner">
                                    €90 <span>per night</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- =========== MAIN ========== -->
        <main id="room_page">
            <div class="container">
                <div class="row">
                    <div class="col-md-5">
                        <div class="sidebar">
                            <aside class="widget">
                                <div class="vbf">
                                    <h2 class="form_title"><i class="fa fa-calendar"></i> 在线预订</h2>   
                                    <form id="booking-form" class="inner">
                                        <!-- 第一层 -->
                                       <div class="form-group">
                                           <input class="form-control" id="customerName" name="booking-name" placeholder="输入您的姓名" type="text">
                                       </div>
                                        <!-- 第二层 -->
                                       <div class="form-group">
                                           <input class="form-control" id="customerPhone"  name="booking-phone" placeholder="输入您的电话" type="text">
                                       </div>
                                       <!-- 第三层 -->
                                       <div class="form-group col-md-6 col-sm-6 col-xs-12 nopadding">
                                           <div class="form_select">
                                               <select name="booking-roomtype" id="roomType" class="form-control md_noborder_right"
                                                   title="选择房间类型">
                                                   <option value="单人间">单人间</option>
                                                   <option value="双人间">双人间</option>
                                                   <option value="豪华大床房">豪华大床房</option>
                                               </select>
                                           </div>
                                       </div>
                                       <div class="form-group col-md-6 col-sm-6 col-xs-12 nopadding">
                                           <div class="form_select">
                                               <select name="booking-roomtype" id="roomCount" class="form-control md_noborder_right"
                                                   title="预定房间数量">
                                                   <option value="1">共1间</option>
                                                   <option value="2">共2间</option>
                                                   <option value="3">共3间</option>
                                                   <option value="4">共4间</option>
                                               </select>
                                           </div>
                                       </div>
                                       <!-- 第四层 -->
                                       <div class="form-group col-md-6 col-sm-6 col-xs-12 nopadding">
                                           <div class="form_select">
                                               <select name="booking-adults" id="adultCount" class="form-control md_noborder_right" title="大人">
                                                   <option value="0">0</option>
                                                   <option value="1">1</option>
                                                   <option value="2">2</option>
                                                   <option value="3">3</option>
                                                   <option value="4">4</option>
                                               </select>
                                           </div>
                                       </div>
                                       <div class="form-group col-md-6 col-sm-6 col-xs-12 nopadding">
                                           <div class="form_select">
                                               <select name="booking-children"  id="childCount" class="form-control" title="孩子">
                                                   <option value="0">0</option>
                                                   <option value="1">1</option>
                                                   <option value="2">2</option>
                                                   <option value="3">3</option>
                                                   <option value="4">4</option>
                                               </select>
                                           </div>
                                       </div>
                                       <div class="row">
                                           <div class="col-sm-3" style="margin-top: 10px;">
                                               <label for="inputDate1" class="col-form-label pt-1">入住时间</label>
                                           </div>
                                           <div class="col-sm-9">
                                               <input type="date" class="form-control" id="checkinDate" name="checkin_at1">
                                           </div>
                                       </div>
                                       <div class="row">
                                           <div class="col-sm-3" style="margin-top: 10px;">
                                               <label for="inputDate2" class="col-form-label">离开时间</label>
                                           </div>
                                           <div class="col-sm-9">
                                               <input type="date" class="form-control"  id="checkoutDate" name="checkout_at1">
                                           </div>
                                       </div>
                                       <button class="button btn_lg btn_blue btn_full" id="addBookingButton" type="submit">预订房间</button>
                                       <div class="a_center mt10">
                                           <a href="booking-form.php" class="a_b_f">高级预订表格</a>
                                       </div>
                                   </form>
                                </div>
                            </aside>
                            <aside class="widget">
                                <h4>需要帮忙吗?</h4>
                                <div class="help">
                                    如果您有任何问题，请随时与我们联系
                                    <div class="phone"><i class="fa  fa-phone"></i><a href="tel:18475555555">
                                            +86 1-888-123-4567 </a></div>
                                    <div class="email"><i class="fa  fa-envelope-o "></i><a
                                            href="mailto:contact@site.com">contact@site.com</a> 或使用 <a
                                            href="contact.php"> contact form</a></div>
                                </div>
                            </aside>
                            <aside class="widget">
                                <h4>最新帖子</h4>
                                <div class="latest_posts">
                                    <article class="latest_post">
                                        <figure>
                                            <a href="blog-post.php" class="hover_effect h_link h_blue">
                                                <img src="images/blog/thumb1.jpg" alt="Image">
                                            </a>
                                        </figure>
                                        <div class="details">
                                            <h6><a href="blog-post.php">在希腊实现你的神话</a></h6>
                                            <span><i class="fa fa-calendar"></i>23/11/2023</span>
                                        </div>
                                    </article>
                                    <article class="latest_post">
                                        <figure>
                                            <a href="blog-post.php" class="hover_effect h_link h_blue">
                                                <img src="images/blog/thumb2.jpg" alt="Image">
                                            </a>
                                        </figure>
                                        <div class="details">
                                            <h6><a href="blog-post.php">图片中青云庭院酒店</a></h6>
                                            <span><i class="fa fa-calendar"></i>18/10/2023</span>
                                        </div>
                                    </article>
                                    <article class="latest_post">
                                        <figure>
                                            <a href="blog-post.php" class="hover_effect h_link h_blue">
                                                <img src="images/blog/thumb3.jpg" alt="Image">
                                            </a>
                                        </figure>
                                        <div class="details">
                                            <h6><a href="blog-post.php">家庭聚会</a></h6>
                                            <span><i class="fa fa-calendar"></i>13/08/2023</span>
                                        </div>
                                    </article>
                                    <article class="latest_post">
                                        <figure>
                                            <a href="blog-post.php" class="hover_effect h_link h_blue">
                                                <img src="images/blog/thumb4.jpg" alt="Image">
                                            </a>
                                        </figure>
                                        <div class="details">
                                            <h6><a href="blog-post.php">美丽周末</a></h6>
                                            <span><i class="fa fa-calendar"></i>13/08/2023</span>
                                        </div>
                                    </article>
                                    <article class="latest_post">
                                        <figure>
                                            <a href="blog-post.php" class="hover_effect h_link h_blue">
                                                <img src="images/blog/thumb5.jpg" alt="Image">
                                            </a>
                                        </figure>
                                        <div class="details">
                                            <h6><a href="blog-post.php">你应该知道的10件事</a></h6>
                                            <span><i class="fa fa-calendar"></i>13/08/2023</span>
                                        </div>
                                    </article>
                                </div>
                            </aside>
                        </div>
                    </div>
                    <div class="col-md-7">
                        <div class="slider">
                            <div id="slider-larg" class="owl-carousel image-gallery">
                                <!-- ITEM -->
                                <div class="item lightbox-image-icon">
                                    <a href="images/rooms/single-room/single-room1.jpg"
                                        class="hover_effect h_lightbox h_blue">
                                        <img class="img-responsive" src="images/rooms/single-room/single-room1.jpg"
                                            alt="Image">
                                    </a>
                                </div>
                                <!-- ITEM -->
                                <div class="item lightbox-image-icon">
                                    <a href="images/rooms/single-room/single-room2.jpg"
                                        class="hover_effect h_lightbox h_blue">
                                        <img class="img-responsive" src="images/rooms/single-room/single-room2.jpg"
                                            alt="Image">
                                    </a>
                                </div>
                                <!-- ITEM -->
                                <div class="item lightbox-image-icon">
                                    <a href="images/rooms/single-room/single-room3.jpg"
                                        class="hover_effect h_lightbox h_blue">
                                        <img class="img-responsive" src="images/rooms/single-room/single-room3.jpg"
                                            alt="Image">
                                    </a>
                                </div>
                                <!-- ITEM -->
                                <div class="item lightbox-image-icon">
                                    <a href="images/rooms/single-room/single-room4.jpg"
                                        class="hover_effect h_lightbox h_blue">
                                        <img class="img-responsive" src="images/rooms/single-room/single-room4.jpg"
                                            alt="Image">
                                    </a>
                                </div>
                                <!-- ITEM -->
                                <div class="item lightbox-image-icon">
                                    <a href="images/rooms/single-room/single-room5.jpg"
                                        class="hover_effect h_lightbox h_blue">
                                        <img class="img-responsive" src="images/rooms/single-room/single-room5.jpg"
                                            alt="Image">
                                    </a>
                                </div>
                                <!-- ITEM -->
                                <div class="item lightbox-image-icon">
                                    <a href="images/rooms/single-room/single-room6.jpg"
                                        class="hover_effect h_lightbox h_blue">
                                        <img class="img-responsive" src="images/rooms/single-room/single-room6.jpg"
                                            alt="Image">
                                    </a>
                                </div>
                                <!-- ITEM -->
                                <div class="item lightbox-image-icon">
                                    <a href="images/rooms/single-room/single-room7.jpg"
                                        class="hover_effect h_lightbox h_blue">
                                        <img class="img-responsive" src="images/rooms/single-room/single-room7.jpg"
                                            alt="Image">
                                    </a>
                                </div>
                                <!-- ITEM -->
                                <div class="item  lightbox-image-icon">
                                    <a href="images/rooms/single-room/single-room8.jpg"
                                        class="hover_effect h_lightbox h_blue">
                                        <img class="img-responsive" src="images/rooms/single-room/single-room8.jpg"
                                            alt="Image">
                                    </a>
                                </div>
                            </div>
                            <div id="thumbs" class="owl-carousel">
                                <!-- ITEM -->
                                <div class="item"><img class="img-responsive"
                                        src="images/rooms/single-room/single-room-thumb1.jpg" alt="Image"></div>
                                <!-- ITEM -->
                                <div class="item"><img class="img-responsive"
                                        src="images/rooms/single-room/single-room-thumb2.jpg" alt="Image"></div>
                                <!-- ITEM -->
                                <div class="item"><img class="img-responsive"
                                        src="images/rooms/single-room/single-room-thumb3.jpg" alt="Image"></div>
                                <!-- ITEM -->
                                <div class="item"><img class="img-responsive"
                                        src="images/rooms/single-room/single-room-thumb4.jpg" alt="Image"></div>
                                <!-- ITEM -->
                                <div class="item"><img class="img-responsive"
                                        src="images/rooms/single-room/single-room-thumb5.jpg" alt="Image"></div>
                                <!-- ITEM -->
                                <div class="item"><img class="img-responsive"
                                        src="images/rooms/single-room/single-room-thumb6.jpg" alt="Image"></div>
                                <!-- ITEM -->
                                <div class="item"><img class="img-responsive"
                                        src="images/rooms/single-room/single-room-thumb7.jpg" alt="Image"></div>
                                <!-- ITEM -->
                                <div class="item"><img class="img-responsive"
                                        src="images/rooms/single-room/single-room-thumb8.jpg" alt="Image"></div>
                            </div>
                        </div>
                        <div class="main_title mt50">
                            <h2>关于青云庭院酒店</h2>
                        </div>
                        <p>青云庭院酒店是一家位于山谷之间的迷人庭院式酒店。300年前，这座酒店诞生于一座小木屋，经过精心打造和不断更新，成为了一处兼具历史韵味和现代舒适的独特之地。
                        </p>
                        <p>青云庭院酒店以其古朴典雅的建筑风格吸引着众多游客。传统的木结构和石材装饰与现代设施完美结合，让客人在这里既能感受到古老的氛围，又能享受到现代化的便利。每一间客房都别具匠心地打造，融入了古色古香的元素，为客人提供舒适、宁静的居住体验。

                        </p>
                        <p>青云庭院酒店的服务宗旨是以客人为中心，提供卓越、个性化和温馨的服务。酒店员工经过专业培训，专注于细节，以真诚的笑容和热情的服务迎接每一位客人。无论是在餐厅品味美食，还是在前台办理入住手续，我们致力于为客人打造一个难忘的住宿体验。
                        </p>
                        <p>
                            青云庭院酒店还注重社会责任和可持续发展。酒店积极参与当地社区的活动，保护环境，支持本地文化和手工艺品的发展。我们希望通过积极承担社会责任，为客人带来正面的社会影响，并为当地居民创造经济机会和文化认同感。
                        </p>
                        <p>
                            来到青云庭院酒店，您将有机会体验到独特的历史氛围和国际化的高品质服务。无论您是追求文化历史的探索，还是寻求舒适休闲的享受，这里都将成为您一个完美的下榻之地。让我们携手为您打造一段美好的旅行经历，为您的回忆增添独特的色彩。
                        </p>
                        <div class="main_title t_style a_left s_title mt50">
                            <div class="c_inner">
                                <h2 class="c_title">客房服务</h2>
                            </div>
                        </div>
                        <div class="room_facilitys_list">
                            <div class="all_facility_list">
                                <div class="col-sm-4 nopadding">
                                    <ul class="list-unstyled">
                                        <li><i class="fa fa-check"></i>双人床</li>
                                        <li><i class="fa fa-check"></i>80平方米</li>
                                        <li><i class="fa fa-check"></i>6 人</li>
                                        <li><i class="fa fa-check"></i>免费上网服务</li>
                                    </ul>
                                </div>
                                <div class="col-sm-4 nopadding">
                                    <ul class="list-unstyled">
                                        <li><i class="fa fa-check"></i>免费无线上网</li>
                                        <li><i class="fa fa-check"></i>包含早餐</li>
                                        <li><i class="fa fa-check"></i>私人大阳台</li>
                                        <li class="no"><i class="fa fa-times"></i>免费报纸</li>
                                    </ul>
                                </div>
                                <div class="col-sm-4 nopadding_left">
                                    <ul class="list-unstyled">
                                        <li class="no"><i class="fa fa-times"></i>平板大电视&高清观影房</li>
                                        <li><i class="fa fa-check"></i>完整Ac</li>
                                        <li class="no"><i class="fa fa-times"></i>海滩景观</li>
                                        <li><i class="fa fa-check"></i>客房服务</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="similar_rooms">
                            <div class="main_title t_style5 l_blue s_title a_left">
                                <div class="c_inner">
                                    <h2 class="c_title">更多推荐(￥/晚)</h2>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-4">
                                    <article>
                                        <figure>
                                            <a href="room.php" class="hover_effect h_blue h_link"><img
                                                    src="images/rooms/single-room.jpg" alt="Image"
                                                    class="img-responsive"></a>
                                            <div class="price">99￥<span>/晚</span></div>
                                            <figcaption>
                                                <h4><a href="room.php">双人间</a></h4>
                                            </figcaption>
                                        </figure>
                                    </article>
                                </div>
                                <div class="col-md-4">
                                    <article>
                                        <figure>
                                            <a href="room.php" class="hover_effect h_blue h_link"><img
                                                    src="images/rooms/double-room.jpg" alt="Image"
                                                    class="img-responsive"></a>
                                            <div class="price">129￥<span>/晚</span></div>
                                            <figcaption>
                                                <h4><a href="room.php">单人间</a></h4>
                                            </figcaption>
                                        </figure>
                                    </article>
                                </div>
                                <div class="col-md-4">
                                    <article>
                                        <figure>
                                            <a href="room.php" class="hover_effect h_blue h_link"><img
                                                    src="images/rooms/deluxe-room.jpg" alt="Image"
                                                    class="img-responsive"></a>
                                            <div class="price">189￥<span>/晚</span></div>
                                            <figcaption>
                                                <h4><a href="room.php">高级房</a></h4>
                                            </figcaption>
                                        </figure>
                                    </article>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </main>

        <!-- ========== FOOTER ========== -->
        <footer>
            <div class="inner">
                <div class="container">
                    <div class="row">
                        <div class="col-md-3 col-sm-6 widget">
                            <div class="about">
                                <a href="index.php"><img class="logo" src="images/logo.svg" height="32" alt="Logo"></a>
                                <p>“绿树掩映，清风拂面，尽享雅致之旅。欢迎莅临我们的酒店，体验至臻奢华与无与伦比的服务。让我们将您的每一个细节需求化为巧夺天工的菁华。</p>
                                <p>为您营造一个温馨、舒适的家外之家。无论是商务旅行还是休闲度假，我们的酒店始终以您的满意为首要目标。</p>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6 widget">
                            <h5>最新消息</h5>
                            <ul class="blog_posts">
                                <li><a href="blog-post.php">在希腊活出你的神话</a> <small>AUGUST 13, 2017</small>
                                </li>
                                <li><a href="blog-post.php">青云庭院图片</a> <small>AUGUST 16, 2017</small>
                                </li>
                                <li><a href="blog-post.php">青云庭院家庭聚会</a> <small>SEPTEMBER 15,
                                        2017</small></li>
                            </ul>
                        </div>
                        <div class="col-md-3 col-sm-6 widget">
                            <h5>相关链接</h5>
                            <ul class="useful_links">
                                <li><a href="#">关于我们</a></li>
                                <li><a href="#">联系我们</a></li>
                                <li><a href="#">历史</a></li>
                                <li><a href="#">图库</a></li>
                                <li><a href="#">位置</a></li>
                            </ul>
                        </div>
                        <div class="col-md-3 col-sm-6 widget">
                            <h5>联系我们</h5>
                            <address>
                                <ul class="address_details">
                                    <li><i class="glyphicon glyphicon-map-marker"></i> 25, Navagio Zakynthos， 希腊
                                    </li>
                                    <li><i class="glyphicon glyphicon-phone-alt"></i> Phone: +86-153-033-038 </li>
                                    <li><i class="fa fa-fax"></i> Fax: 800 123 3456</li>
                                    <li><i class="fa fa-envelope"></i> Email: <a
                                            href="mailto:info@site.com">contact@site.com</a></li>
                                </ul>
                            </address>
                        </div>
                    </div>
                </div>
            </div>
            <div class="subfooter">
                <div class="container">
                    <div class="row">
                        <div class="col-md-6 col-sm-6">
                            <div class="copyrights">
                                Copyright &copy; 2023.Company name All rights reserved
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6">
                            <div class="social_media">
                                <a class="facebook" data-original-title="Facebook" data-toggle="tooltip" href="#"><i
                                        class="fa fa-facebook"></i></a>
                                <a class="twitter" data-original-title="Twitter" data-toggle="tooltip" href="#"><i
                                        class="fa fa-twitter"></i></a>
                                <a class="googleplus" data-original-title="Google Plus" data-toggle="tooltip"
                                    href="#"><i class="fa fa-google-plus"></i></a>
                                <a class="pinterest" data-original-title="Pinterest" data-toggle="tooltip" href="#"><i
                                        class="fa fa-pinterest"></i></a>
                                <a class="linkedin" data-original-title="Linkedin" data-toggle="tooltip" href="#"><i
                                        class="fa fa-linkedin"></i></a>
                                <a class="instagram" data-original-title="Instagram" data-toggle="tooltip" href="#"><i
                                        class="fa fa-instagram"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </footer>

    </div>

    <!-- ========== BACK TO TOP ========== -->
    <div id="back_to_top">
        <i class="fa fa-angle-up" aria-hidden="true"></i>
    </div>

    <!-- ========== NOTIFICATION ========== -->
    <div id="notification"></div>

    <!-- ========== JAVASCRIPT ========== -->
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <!---<script type="text/javascript" src="http://ditu.google.cn/maps/api/js?key=AIzaSyBDgMJEPio2qomUKV1iqlIufj4u2NVd3q4"></script>--->
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/bootstrap-datepicker.min.js"></script>
    <script type="text/javascript" src="js/bootstrap-select.min.js"></script>
    <script type="text/javascript" src="js/jquery.smoothState.js"></script>
    <script type="text/javascript" src="js/moment.min.js"></script>
    <script type="text/javascript" src="js/morphext.min.js"></script>
    <script type="text/javascript" src="js/wow.min.js"></script>
    <script type="text/javascript" src="js/jquery.easing.min.js"></script>
    <script type="text/javascript" src="js/owl.carousel.min.js"></script>
    <script type="text/javascript" src="js/owl.carousel.thumbs.min.js"></script>
    <script type="text/javascript" src="js/jquery.magnific-popup.min.js"></script>
    <script type="text/javascript" src="js/jPushMenu.js"></script>
    <script type="text/javascript" src="js/isotope.pkgd.min.js"></script>
    <script type="text/javascript" src="js/countUp.min.js"></script>
    <script type="text/javascript" src="js/jquery.countdown.min.js"></script>
    <script type="text/javascript" src="js/main.js"></script>

    <!-- 自己写的jQuery代码 -->
    <script src="js/room.js.js"></script>

</body>

</html>